<!doctype html>
<html>
  <head>
    <title>Bootstrap</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
    <script src="00.js"></script>
    <link rel="icon" href="00.ico">
  </head>
  <body>
    <div class="dropdown">
      <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
        Dropdown button
      </button>
      <ul class="dropdown-menu">
        <li><a class="dropdown-item" href="#" onclick="karate.setHtml('container', this.textContent)">First</a></li>
        <li><a class="dropdown-item" href="#" onclick="karate.setHtml('container', this.textContent)">Second</a></li>
        <li><a class="dropdown-item" href="#" onclick="karate.setHtml('container', this.textContent)">Third</a></li>
      </ul>
    </div>
    <div id="container"></div>
  </body>
</html>

